<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" 
               data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
               模态框（Modal）标题
            </h4>
         </div>
         <div class="modal-body">
           <form class="form-horizontal" role="form">
   <div class="form-group">
      <label for="firstname" class="col-sm-2 control-label">名字</label>
      <div class="col-sm-10">
         <input type="text" class="form-control" id="firstname" 
            placeholder="请输入名字">
      </div>
   </div>
   <div class="form-group">
      <label for="lastname" class="col-sm-2 control-label">姓</label>
      <div class="col-sm-10">
         <input type="text" class="form-control" id="lastname" 
            placeholder="请输入姓">
      </div>
   </div>
   <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
         <div class="checkbox">
            <label>
               <input type="checkbox"> 请记住我
            </label>
         </div>
      </div>
   </div>
   <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
         <button type="submit" class="btn btn-default">登录</button>
      </div>
   </div>
</form>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal">关闭
            </button>
            <button type="button" class="btn btn-primary">
               提交更改
            </button>
         </div>
      </div><!-- /.modal-content -->
</div><!-- /.modal -->






<!-- 含有标签 -->

<div class="modal fade" id="petSaleHistoryModal" tabindex="-1" role="dialog" 
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" 
            data-dismiss="modal" aria-hidden="true">
            &times;
        </button>
        <h4 class="modal-title" id="myModalLabel">
            销售详情
        </h4>
    </div>
    <div class="modal-body">

    <!-- =============== -->
    <ul id="myTab" class="nav nav-tabs">
         <li class="active">
          <a href="#home" data-toggle="tab">one</a>
        </li>
        <li><a href="#ios" data-toggle="tab">two</a></li>
        <li><a href="#ejb" tabindex="-1" data-toggle="tab">three</a></li>

    </ul>
    <div id="myTabContent" class="tab-content">
     <div class="tab-pane fade in active" id="home">
      <!-- ============================= -->
    </div>
    <div class="tab-pane fade" id="ios">
      <!-- ============================= -->
    </div>
    <div class="tab-pane fade" id="ejb">
      <!-- ============================= -->
    </div>
    </div>
        
    <!-- =============== -->

    </div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" 
    data-dismiss="modal">关闭
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-->